<div class="h-left">
	<a href="{$_G[siteurl]}" style="margin-right: 10px;width: 25px;height: 25px;">
		<el-image class="logo" src="data/attachment/sitelogo/sitelogo.png?{VERHASH}" fit="contain" style="width: 100%;height: 100%;">
			<template #error><div class="el-image__placeholder"></div></template>
		</el-image>
	</a>
</div>
<div class="h-center" style="overflow: hidden;justify-content: center;" @click="headerdrawer_m=true">
	<!-- <div @click="headerdrawer_m=true"> -->
		<button class="reset-btn menu-hamburger hamburger" :class="{active:headerdrawer_m}">
			<span class="hamburger-1"></span>
			<span class="hamburger-2"></span>
			<span class="hamburger-3"></span>
		</button>
		<el-text >{{ bannerData.title }}</el-text>
	<!-- </div> -->
</div>
<div class="h-right"> 
	<a href="user.php?mod=my" style="height: 25px;">
		<el-avatar style="width: 25px;height: 25px;">
			{eval echo avatar_block($_G[uid]);}
		</el-avatar>
	</a>
</div>

<el-drawer
    v-model="headerdrawer_m"
    direction="btt"
	size="85%"
	title="导航"
	custom-class="m-header-munu">
	<el-menu
		class="dzz-menu-m"
		:default-active="bannerData.active"
		@select="menuChange"
		style="border:0;height: 100%;background: transparent;">
		<template v-for="item in bannerData.data">
			<el-menu-item :index="item.tid" style="background-color: transparent;">
				<template #title>
					{{item.title}}
				</template>
			</el-menu-item>
		</template>
	</el-menu>
  </el-drawer>

